import React from "react"
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import { deepOrange500 } from 'material-ui/styles/colors';
import { Card, CardActions, CardTitle } from 'material-ui/Card';

import { ContactsOverview } from "./contacts-overview"
import { TagsOverview } from "./tags-overview"

const muiTheme = getMuiTheme({
    palette: {
        accent1Color: deepOrange500
    }
});

class Main extends React.Component {
    render() {
        return (
            <MuiThemeProvider muiTheme={ muiTheme }>
              <div>
                <Card className="sidebar">
                  <CardTitle title="My Contacts" />
                  <ContactsOverview />
                  <TagsOverview />
                </Card>
                <div className="content">
                  hello
                </div>
              </div>
            </MuiThemeProvider>
        )
    }
}

export default Main